<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标准登陆页</title>
</head>
<body>

    <div style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);">
    <form action="/auth/form" method="post" id="form">
        <table>
            <tr align="center">
                <td colspan="2"><h3>标准登陆页</h3></td>
            </tr>
            <tr>
                <td>用户名:</td>
                <td><input type="text" name="username" /></td>
            </tr>
            <tr>
                <td>密码: </td>
                <td><input type="text" name="password" /></td>
            </tr>
            <tr>
                <td>验证码: </td>
                <td><input type="text" name="imageCode" /> <img src="/code/image" /></td>
            </tr>
            <tr>
                <td>记住我: </td>
                <td><input type="checkbox" name="remember-me" value="true"/></td>
            </tr>
            <tr align="center">
                <td colspan="2"><input type="submit" value="登陆" /></td>
            </tr>
        </table>
    </form>

    <form action="/auth/mobile" method="post" id="mobile">
        <table>
            <tr align="center">
                <td colspan="2"><h3>短信验证码登陆页</h3></td>
            </tr>
            <tr>
                <td>手机号:</td>
                <td><input type="text" name="mobile" value="13111112222"/></td>
            </tr>

            <tr>
                <td>验证码: </td>
                <td><input type="text" name="smsCode" /> <a href="/code/sms?mobile=13111112222">发送验证码</a></td>
            </tr>
            <tr align="center">
                <td colspan="2"><input type="submit" value="登陆" /></td>
            </tr>
        </table>
    </form>
        <a href="/api/qq/callback">QQ登陆</a> <a href="/api/weixin/callback">微信登陆</a>
    </div>
</body>
</html>